<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
	</head>
	<style>
		.wrap{
			width:200px;
			height:200px;
		}
		#doSubmit{
			width:50px;
			height:20px;
			background-color:darkgrey;
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius:4px;
			color:#181818;
			margin-top:4px;
			margin-left: 4px;
			padding:2px;
		}
	</style>
	<body>
		<div class="wrap" id="main">
			<div>
				<label>姓名:</label><input placeholder="请输入姓名" name="username" class="username"/>
			</div>
			<div>
				<label>密码:</label><input placeholder="请输入密码" name="password" class="password"/>
			</div>
			<div>
				<label>range条:</label><input type="range" id="myRange" name="range"/>
			</div>
			<div>
				<div id="doSubmit">提交</div>
			</div>
		</div>
	</body>
	<script>
		let subbtn = document.getElementById("doSubmit");
		subbtn.addEventListener("click",function(){
			alert("real click");
		})
	</script>
</html>